import React, { useState } from 'react';
import Container from '../../grid/container/container';
import Select from './select';
import { text } from '@storybook/addon-knobs';

export const SelectStory = () => {
  const [value, setValue] = useState('');
  const options = [
    {
      key: 1,
      label: 'label 1',
    },
    {
      key: 2,
      label: 'label 2',
    },
  ];
  return (
    <Container className="fluid">
      <Select view={1} options={options} value={value} onSelectHandler={(val) => setValue(val)}
              error={text('error')}
              touched={true}
      />
    </Container>
  );
}